<template>
  <div class="selectaddress">
    <van-card>
      <template #tags>
        <div class="address-span">
          <van-icon name="location-o" size="24" />
          <span>尚且没有送货地址,请您及时填写送货地址</span>
        </div>
        <div class="address-btn">
          <van-button size="mini">自提</van-button>
          <van-button size="mini">外卖</van-button>
        </div>
      </template>
    </van-card>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.van-card__content:nth-child(1) {
  min-height: 24px !important;
}
.address-span {
  float: left;
  width: 65%;
  height: 24px;
}
.address-span > span,
.address-span > i {
  float: left;
  line-height: 24px;
}
.address-span > span {
  width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}
.address-btn {
  float: right;
  margin: 0 15px;
}
.address-btn > button {
  border: 0;
  color: #fff;
  background-color: #e4004f;
}
</style>
